<!DOCTYPE html>
<html lang="en">
  <!--向搜索引擎表示该页面是html语言，并且语言为英文网，其"lang"即“language”，“en”即english-->
 <head>
  <link rel='icon'href='1.ico'type='image/x-ico' />
  <meta charset="UTF-8">
  <!-- 定义外部脚本文件中的编码字符-->
  <meta name="Generator" content="定义编辑器"/>
  <meta name="Author" content="定义网页作者"/>
  <meta name="Keywords" content="定义网页关键词"/>
  <meta name="Description" content="定义网页简短描述"/>
  <meta http-equiv="refresh" content="3;url="/>
  <!--定义刷新时间（秒为单位）-->

  <style type="text/css">
  h2{background:#6699cc;padding:20px;width:1208px}
     <!-- padding:表示背景高度，width即宽度-->
  </style>
  
  <style>
    [v-cloak] {
	display: none;}
	<!-- 控制网页刷新时页面的闪烁问题-->
  </style>
 
  <style type="text/css"> 
      a:link,a:visited{
          text-decoration:none;}
          /*decoration--对文本的修饰；none--默认标准文本*/
          <!-- text-decoration:blink;
		             blink--文本闪烁 -->
      a:hover{ 
          text-decoration:underline;  
		  /*underline--鼠标放上去有下划线*/
		  text-decoration:overline;
		  /*overline--文本上的一条线*/
		  <!-- text-decoration:line-through;
		  line-through -- 穿过文本下的一条线-->} 
  </style>
  <!-- type="text/css"是指定MIME类型，其中：   
       text是指对象为网页中的文本   
       css或是javascript是指当前指定的文本类型-->

  <title>paratice00</title>
 </head>
 <body text="#000000";align="justify";
   leftmargin="60px";rightmargin="50px";topmargin="10px";
   link="#0000ff";alink="red";vlink="#3333ff"
   bgcolor="#e6e6e6";
   background="不存在时显背景颜色.jpg";
   background-repeat:no-repeat;
   background-size:100% 100%;
   -moz-background-size:100% 100%;>
   <!-- leftmargin：距左边距（top：上边）-->
   <!-- bgcolor=“颜色”：定义网页背景颜色 -->
   <!-- link="颜色"：定义链接默认颜色-->
   <!-- alink="颜色"：定义当鼠标点击了链接时的颜色-->
   <!-- vilnk="颜色"：定义已访问的链接的颜色-->
   <!-- background="jpg"：引用与该编译文档所在文件夹中的jpg作为                        网页背景图片-->
   <!-- justify：使文本的两端都对其在两端对齐文本中-->
  
   <h2 align="center";>
     Web front-end development technology</h2>
   <!-- 定义该标题的大小以及对齐属性-->
   <!-- 本身已加粗体-->
   
   <hr color="red"width="1245"size="5"align="center"/>
   <!--定义水平分隔线颜色,长度,高度,水平线对齐方式-->
   
   <p>&nbsp;&nbsp;&nbsp;&nbsp;
   <!-- p:段落 nbsp：定义四个字节的空格单位-->
     
     <p align="justify"><big><b>基本语法</b></big><em><br></br>&lt;h&nbsp;align=“left|center|right|justify"&gt;1号标题字&lt;/h1&gt<br></br>
	 如：&lt;h1&nbsp;align="center"&gt;Web前端开发&lt;/h1&gt;<br></br>&lt;h6&nbsp;align="center"&gt;Web前端开发&lt;/h6&gt;</em><br></br><big><b>语法说明</b></big><br></br>h的数字越小标题字越大。标题字标记的align属性用来定义标题对齐方式，对齐方式有四种，分别是left、center、right、justi。但是一般推荐设计者使用<small><small>CSS</small></small>式表来定义对齐方式。</p>
     <!-- big：变大字号 small：变小字号(上限：两次)-->
	 <!-- em:加重语气（跟i：斜体 类似）-->
     <!-- br:定义换行-->
	 <!-- &lt;~[ < ] &gt;~ [ > ] -->
  
	 <strong><u><br>每日一
	   <ruby>
	      看<rp>(</rp><rt>kan</rt><rp>)</rp>
	   </ruby>：</br></u></strong>
	 <!-- ryby:拼音/音标注释 rt:标记-->
	 <!-- rp标记是预备哪些不支持ruby标记的浏览器-->
     <!-- strong：着重文字（跟b：粗体 类似） u：定义下划线-->
  
     <p align="justify"><a href="https://www.baidu.com/s?ie=UTF-8&wd=%E6%88%91%E6%98%AF%E4%B8%8D%E6%98%AF%E7%8C%AA%EF%BC%9F"><font size="4" face="楷体"><i>www:Fantastic</i></font>website.com</a>
     <!-- a：定义链接 尖括号之间引出链接名称-->
  	 <!-- i：斜体显示 font：定义字 face：定义字体-->
  	 
	 <br></br><del><b>每日一
	   <ruby>
	      听<rt>ting</rt>
	   </ruby>：</b></del><br></br><a
     href="https://music.163.com/#/song?id=1396141677"><font
     size="3"face="微软雅黑">王以太———<small>&copy;</small>
     阿司匹林</font></a><br/>

     <b><h3 align="left"color="#000099">段落缩进标记&lt;blockquote&gt;</h3></b><blockquote>段落缩进(也称为“块引用”)blockquote标记引用的内容必须是块级标记，浏览器在 blockquote标记前后添加了换行，并增加了外边距。</blockquote><font size="5"color="#0000ff"><b>&#149;</b></font>一对blockquote标记能够向右缩进5个西文字符的位置。
	 <!-- &#149;~大圆点 &middot;~小圆点-->

     <h3 color="#000099"align="left">预格式化标记&lt;pre&gt;</h3>
     <font size="4">
	 <pre>          <font color="#0000ff"size="6"> <b>&#149;</b></font><b>&lt;pre&gt;&lt;/pre&gt;标记
		  对网页中的文字段落进行预格式化，浏览器会
		  完整保留设计者在源文件中所定义的格式，包括各
		  种空格、缩进以及其他特殊格式。<font color="#0000ff"size="6"> 
       <b>&#149;</b></font>基本语法
            &lt;pre&gt;预格式化文本 &lt;/pre&gt;</b>
	 </pre></font>
     <!-- 以代码内容的格式全部原样还原输出-->

  </p>
  <!--定义正文内容-->
 </body>
</html>

<!-- div {
	 background-image: url("jpg路径"); 
	 background-repeat:no-repeat;
	 background-size:100% 100%;
	 -moz-background-size:100% 100%;}  -->